<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="description" content="javascript H5自适应框架"/>
    <meta name="Keywords" content="javascript H5自适应框架"/>
    <title id="title">车展直击列表</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/lightbox.css">
    <link rel="stylesheet" href="css/list.css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/lightbox.js"></script>

    <script src="js/adaptive.js"></script>
    <script>
        window['adaptive'].desinWidth = 1700;
        window['adaptive'].baseFont = 24;
        window['adaptive'].scaleType = 1; // 1为默认值，可以不用设置
        window['adaptive'].maxWidth = 1700;
        window['adaptive'].init();
    </script>
</head>
<body>
<div class="wrapper">
    <div class="header">
        <div class="leftlogo"><a><img src="images/leftlogo.png"/> </a></div>
        <div class="rightlogo"><a><img src="images/rightlogo.png"/> </a></div>
        <div class="banner"><img src="images/list/banner.jpg"/></div>
    </div>
    <div class="title">
        车展直击
    </div>
    <div class="content">
        <div class="contentlist" style="width:8.5rem; height:auto;">
            <ul>
                <li><a data-lightbox="group" href="images/list/zh1b.jpg"><img src="images/list/zh1.jpg"/></a></li>
                <li><a data-lightbox="group" href="images/list/zh1b.jpg"><img src="images/list/zh1.jpg"/></a></li>
            </ul>
            <ul>
                <li><a data-lightbox="group" href="images/list/zh1b.jpg"><img src="images/list/zh1.jpg"/></a></li>
                <li><a data-lightbox="group" href="images/list/zh1b.jpg"><img src="images/list/zh1.jpg"/></a></li>
            </ul>
            <ul>
                <li><a data-lightbox="group" href="images/list/zh1b.jpg"><img src="images/list/zh1.jpg"/></a></li>
                <li><a data-lightbox="group" href="images/list/zh1b.jpg"><img src="images/list/zh1.jpg"/></a></li>
            </ul>
            <ul>
                <li><a data-lightbox="group" href="images/list/zh1b.jpg"><img src="images/list/zh1.jpg"/></a></li>
                <li><a data-lightbox="group" href="images/list/zh1b.jpg"><img src="images/list/zh1.jpg"/></a></li>
            </ul>
        </div>
    </div>
</div>
<script>
    $(function () {
        lightbox.option({
            'resizeDuration': 200,
            'wrapAround': false,
            overlayBgColor:"#000",
            fixedNavigation:true,
            containerBorderSize:0,

            maxWidth:700
        })
    })
</script>
</body>
</html>